Skip to content

Project

Word Game

In the first two modules of this course, we've learned a lot about how React works, and how to use React state to create dynamic user interfaces. It's time to use those skills to build an app!

In this first project, we'll create a clone of popular word game Wordle:

Video Summary

  • How Wordle works. I play a quick example game to demonstrate the rules of the game.
  • The core differences between the real game and our clone:
    • We'll use a proper text input under the game board instead of a visual keyboard. This is important for accessibility.
    • In the real game, a new secret word is chosen every day, and shared amongst all players. In our version, the word is randomly selected on page load.

This project is a substantially larger and more in-depth challenge than the exercises we've seen throughout the course so far. This is where the rubber meets the road. It's time to see how to use our newfound skills in a real-world context!

Housekeeping

I'm eager for you to get started, but there's a little bit of housekeeping to go over first.

In the very next lesson, we'll talk about the different strategies you can use to approach this project with. This project provides you with several resources, and it's important to figure out how best to apply them!

Because this is the first project, we'll also cover some of the fundamentals around local development: downloading the source code, installing dependencies, and running a local dev server.